<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="apple-mobile-web-app-title" content="仙王的日常">
	<meta name="format-detection" content="telphone=no, email=no" />
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="HandheldFriendly" content="true">
	<meta name="MobileOptimized" content="320">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<meta name="screen-orientation" content="portrait">
	<meta name="browsermode" content="application">
	<meta name="full-screen" content="yes">
	<meta name="x5-orientation" content="portrait">
	<meta name="x5-fullscreen" content="true">
	<meta name="x5-page-mode" content="app">
	<title>仙器夺宝</title>
	<link rel="stylesheet" type="text/css" href="../css/public.css" />
	<link rel="stylesheet" type="text/css" href="../css/treasures.css" />
</head>

<body>
	<div class="zone">
		<div class="nav-bar" id="nav-bar"></div>
		<div class="fixed" id="exchange"><span class="boder">兑换晶石</span></div>
		<div class="main">
			<div class="nacv">
				<div class="navbox" onclick="location.href='awardList.html'">
					<img class="simg" src="../img/play/s1.png" alt="">
					<p class="s1">获奖名单</p>
				</div>
				<div class="line"></div>
				<div class="navbox" id="introduction">
					<img class="simg" src="../img/play/s2.png" alt="">
					<p class="s1">夺宝攻略</p>
				</div>
				<div class="line"></div>
				<div class="navbox" id="rule">
					<img class="simg" src="../img/play/s3.png" alt="">
					<p class="s1">夺宝规则</p>
				</div>
				<div class="line"></div>
				<div class="navbox" onclick="location.href='treasureOrder.html'">
					<img class="simg" src="../img/play/s4.png" alt="">
					<p class="s1">夺宝订单</p>
				</div>
			</div>

			<div class="list">

				<div class="link">
					<img class="img" src="../img/play/1.png" alt="">
					<div class="tbox">
						<p class="name">昆仑镜</p>
						<div class="hbix">
							<img class="lin" src="../img/public/lin.png" alt="">
							<p class="linum">可兑换10灵石</p>
						</div>
					</div>
					<div class="rbox">
						<p class="rname">夺宝进度：<span class="jindu">20</span>%</p>
						<div class="timebox">
							<div class="timeload">
							</div>
						</div>
						<button class="duobao"><span class="boder">夺宝</span></button>
					</div>
				</div>

				<div class="link">
					<img class="img" src="../img/play/2.png" alt="">
					<div class="tbox">
						<p class="name">乾坤圈</p>
						<div class="hbix">
							<img class="lin" src="../img/public/lin.png" alt="">
							<p class="linum">可兑换50灵石</p>
						</div>
					</div>
					<div class="rbox">
						<p class="rname">夺宝进度：<span class="jindu">20</span>%</p>
						<div class="timebox">
							<div class="timeload">
							</div>
						</div>
						<button class="duobao"><span class="boder">夺宝</span></button>
					</div>
				</div>

				<div class="link">
					<img class="img" src="../img/play/3.png" alt="">
					<div class="tbox">
						<p class="name">大力丸</p>
						<div class="hbix">
							<img class="lin" src="../img/public/lin.png" alt="">
							<p class="linum">可兑换100灵石</p>
						</div>
					</div>
					<div class="rbox">
						<p class="rname">夺宝进度：<span class="jindu">20</span>%</p>
						<div class="timebox">
							<div class="timeload">
							</div>
						</div>
						<button class="duobao"><span class="boder">夺宝</span></button>
					</div>
				</div>

				<div class="link">
					<img class="img" src="../img/play/4.png" alt="">
					<div class="tbox">
						<p class="name">神龙鼎</p>
						<div class="hbix">
							<img class="lin" src="../img/public/lin.png" alt="">
							<p class="linum">可兑换300灵石</p>
						</div>
					</div>
					<div class="rbox">
						<p class="rname">夺宝进度：<span class="jindu">20</span>%</p>
						<div class="timebox">
							<div class="timeload">
							</div>
						</div>
						<button class="duobao"><span class="boder">夺宝</span></button>
					</div>
				</div>

				<div class="link">
					<img class="img" src="../img/play/5.png" alt="">
					<div class="tbox">
						<p class="name">炼妖壶</p>
						<div class="hbix">
							<img class="lin" src="../img/public/lin.png" alt="">
							<p class="linum">可兑换600灵石</p>
						</div>
					</div>
					<div class="rbox">
						<p class="rname">夺宝进度：<span class="jindu">20</span>%</p>
						<div class="timebox">
							<div class="timeload">
							</div>
						</div>
						<button class="duobao"><span class="boder">夺宝</span></button>
					</div>
				</div>

				<div class="link">
					<img class="img" src="../img/play/6.png" alt="">
					<div class="tbox">
						<p class="name">轩辕剑</p>
						<div class="hbix">
							<img class="lin" src="../img/public/lin.png" alt="">
							<p class="linum">可兑换1000灵石</p>
						</div>
					</div>
					<div class="rbox">
						<p class="rname">夺宝进度：<span class="jindu">20</span>%</p>
						<div class="timebox">
							<div class="timeload">
							</div>
						</div>
						<button class="duobao"><span class="boder">夺宝</span></button>
					</div>
				</div>

				<div class="link">
					<img class="img" src="../img/play/7.png" alt="">
					<div class="tbox">
						<p class="name">佛珠</p>
						<div class="hbix">
							<img class="lin" src="../img/public/lin.png" alt="">
							<p class="linum">可兑换2000灵石</p>
						</div>
					</div>
					<div class="rbox">
						<p class="rname">夺宝进度：<span class="jindu">20</span>%</p>
						<div class="timebox">
							<div class="timeload">
							</div>
						</div>
						<button class="duobao"><span class="boder">夺宝</span></button>
					</div>
				</div>


				<div class="link">
					<img class="img" src="../img/play/8.png" alt="">
					<div class="tbox">
						<p class="name">生死符</p>
						<div class="hbix">
							<img class="lin" src="../img/public/lin.png" alt="">
							<p class="linum">可兑换3000灵石</p>
						</div>
					</div>
					<div class="rbox">
						<p class="rname">夺宝进度：<span class="jindu">20</span>%</p>
						<div class="timebox">
							<div class="timeload">
							</div>
						</div>
						<button class="duobao"><span class="boder">夺宝</span></button>
					</div>
				</div>


			</div>

		</div>


		<!-- 夺宝攻略 -->
		<div class="modal modal-binding" id="modal-binding">
			<div class="modal-mask"></div>
			<div class="modal-bodyhuaru">
				<p class="slidetitle">夺宝攻略</p>
				<img class="slide-close" id="binding-close" src="http://img.qunx.top/xianwang/home/cha.png" alt="">
				<div class="successbox">
					<div class="cabi">
						<div class="titlep">
							<span class="thn">1</span>
							<p class="t1">参与夺宝</p>
						</div>
						<p class="t2">每个夺宝场内可花费1人次所需的晶石及倍数参与夺宝活动，满人次即可开奖。</p>
					</div>

					<div class="cabi">
						<div class="titlep">
							<span class="thn">2</span>
							<p class="t1">夺宝号码</p>
						</div>
						<p class="t2">每参与人次对应一个夺宝号码，中奖号码在每期的夺宝号码中产出。</p>
					</div>

					<div class="cabi">
						<div class="titlep">
							<span class="thn">3</span>
							<p class="t1">中奖号码</p>
						</div>
						<p class="t2">中奖号码由计算机随机数产出。</p>
					</div>

					<div class="cabi">
						<div class="titlep">
							<span class="thn">4</span>
							<p class="t1">夺宝开奖</p>
						</div>
						<p class="t2">每期夺宝满人次后自动开奖，计算出开奖号码进行开奖。参与次数越多，中奖几率越高。</p>
					</div>

					<div class="cabi">
						<div class="titlep">
							<span class="thn">5</span>
							<p class="t1">领取奖励</p>
						</div>
						<p class="t2">夺宝中奖后奖励会自动发放。</p>
					</div>

				</div>
			</div>
		</div>


		<!-- 夺宝规则 -->
		<div class="modal modal-tips" id="modal-tips">
			<div class="modal-mask"></div>
			<div class="modal-bodyrule">
				<p class="ruletitle">夺宝规则</p>
				<p class="rule-p">1.每个夺宝场内可花费1人次所需的晶石及倍数参与夺宝活动。</p>
				<p class="rule-p">2.每参与人次对应一个夺宝号码，中奖号码在每期的夺宝号码中产出。</p>
				<p class="rule-p">3.中奖号码由计算机随机数产出。</p>
				<p class="rule-p">4.夺宝中奖后奖励会自动发放。</p>
				<img class="tips-close" id="tips-close" src="http://img.qunx.top/xianwang/public/cha.png" alt="">
			</div>
		</div>

		<!-- 晶石兑换 -->
		<div class="modal modal-exchange" id="modal-exchange">
			<div class="modal-mask"></div>
			<div class="modal-bodyrule">
				<p class="ruletitle">您要兑换多少晶石</p>
				<p class="exc1">1灵石可兑换1晶石</p>
				<input class="enternum" type="number" value="0" id="enternum">
				<p class="shengyu">剩余灵石：<span id="shengyu">100</span></p>
				<div class="btns">
					<button class="cancell" id="exchange-close">取消</button>
					<button class="determine" id="exchange-confirm">确定</button>
				</div>
			</div>
		</div>


	</div>
	<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/treasures.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>